<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/details.css">
</head>

<body>
    <!-- 头部 -->
    <div id='big'>
        <div id='container'>
            <img class="logo" src="../images/loge.jpg" alt="">
            <div class="titie">
                <p>熊 猫 优 选</p>
                <span>XIONG MAO YOU XUAN</span>
            </div>
            <div class="text">
                <input type="text" placeholder="    搜索商品，发现更多优惠">
                <div>搜索</div>
            </div>
            <div class="font"><img src="../images/test.jpg" alt=""></div>
        </div>
    </div>
    <!-- 导航 -->
    <div id="navigation">
        <div id='container'>
            <div class="menu">
                <div class='active'>首页</div>
            </div>
        </div>
    </div>
    <!-- 图文说明 -->
    <div id='graphic'>
        <div id='container'>
            <div class="fadajin">
                <!-- tab切换卡 -->
                <div class="graphic-l">
                    <div class="mask"></div>
                    <!-- 轮播 -->
                    <div class="maskImg">
                        <img src="" alt="" width="310px" height="280px">
                    </div>
                    <div class="minImg">
                        <ul>
                        </ul>
                    </div>
                </div>
                <div class="maxdiv">
                    <img class="maxImg" src="../images/0.jpg" alt="">
                </div>
            </div>
            <!-- 详情介绍 -->
            <div class="graphic-m">
                <div class="graphic-m-t">
                </div>
                <div class="graphic-m-m">
                </div>
                <div class="graphic-m-b">
                </div>
            </div>
            <!-- 买家信息 -->
            <div class="graphic-r">
                <p>买家信息</p>
                <div class="a">
                </div>
                <div class="text"></div>
                <!-- <h3>虾选旗舰店</h3> -->
                <div class="b">
                    <span>描述 &nbsp;</span>
                    <span>服务 &nbsp;</span>
                    <span>物流</span>
                </div>
                <div class="c">
                    <span>4.8&emsp;</span>
                    <span>4.8&emsp;</span>
                    <span> 4.8</span>
                </div>
            </div>
         
        </div>
    </div>
    <div id='container'>
        <div class="imgShow">
        </div>
    </div>
    <!-- 图片展示 -->
    
    <script src="../js/util.js"></script>
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="../js/details.js"></script>
</body>

</html>